<template>
  <PageWrapper>
    <Card>
      <a-tabs @change="handleTabChange">
        <a-tab-pane key="1" tab="平台账户" :forceRender="true">
          <StatisticsTab />
        </a-tab-pane>
        <a-tab-pane key="2" tab="普通用户充值" :forceRender="true">
          <MemberRecharge />
        </a-tab-pane>
        <a-tab-pane key="3" tab="企业客户充值" forceRender="true">
          <CompanyRecharge />
        </a-tab-pane>
        <a-tab-pane key="4" tab="会员余额" forceRender="true">
          <MemberBalance />
        </a-tab-pane>
        <a-tab-pane key="5" tab="企业余额" forceRender="true" >
          <CompanyBalance />
        </a-tab-pane>
      </a-tabs>
    </Card>
  </PageWrapper>
</template>
<script setup>
import PageWrapper from '@/components/Page/src/PageWrapper.vue';
import { Card } from 'ant-design-vue';
import StatisticsTab from './components/Statistics.vue';
import MemberRecharge from './components/MemberRecharge.vue';
import CompanyRecharge from './components/CompanyRecharge.vue';
import MemberBalance from './components/MemberBalance.vue';
import CompanyBalance from './components/CompanyBalance.vue';
</script>
